<template>
  <div>
    <van-config-provider :theme-vars="themeVars">
      <router-view/>
    </van-config-provider>
  </div>
</template>
<script>
import { ConfigProvider } from 'vant'
const themeVars = {
  // radioBorderColor: '#07c160',
  noticeBarHeight: '32px',
  noticeBarFontSize: '12px',
  radioCheckedIconColor: '#009DDC',
  rateIconFullColor: '#009DDC',
  sliderActiveBackgroundColor: '#009DDC',
  buttonPrimaryBorderColor: '#009DDC',
  buttonPrimaryBackgroundColor: '#009DDC',
};
export default {
  data(){
    return{
      themeVars
    }
  },
  components:{
    [ConfigProvider.name]:ConfigProvider
  }
}
</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  background-color: #F7F7F7;
  min-height: 100vh;
}
</style>
